﻿@charset "utf-8";
/* CSS Document */

/* 全局控制*/
ul,li, h1,h2,h3,h4, p,img,input,dl,dt,dd{ margin:0px; padding:0px; border:none; list-style:none;}
body,html{font-family: Arial, Helvetica, sans-serif;}
body
{color:#3a3a3a; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif; background:#fff;}
*{margin:0;padding:0;}
textarea{overflow:hidden;resize:none;}
ul,ol { list-style: none;}
img {border-width: 0px 0px 0px 0px; border: none;vertical-align:top;} 
a{ text-decoration:none; border:0px; color:#404040;cursor:pointer; }
a:visited {}
a:hover {text-decoration:underline;}
a:active {}
dl,dt,dd{ display:block;}
dl{overflow:auto;zoom:1}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;}
.clear{ clear:both;}

.k20{width:1200px;height:20px;margin:0 auto}
.k10{width:1200px;height:10px;margin:0 auto}

 /*主要内容部分*/
 

/*首页 dingbu页 */
.yjtban-wrap{width:100%;min-width: 1200px; background:#555; border-bottom: 1px solid #E8E8E8;;height:34px;position:relative;z-index:1039}
.yjtban-main{width:1200px;height:35px;margin:0 auto}
.yjtban{width:730px;height:18px;float:right;padding-top:6px}
.yjtban ul{height:auto;*zoom:1}

.yjtban ul li{width:60px;height:18px;display:inline-block;float:right;position:relative}
.yjtban ul li i{background-image:url(../images/image/banner_icon.png);background-repeat:no-repeat;width:25px;height:25px;display:block;float:left;margin-right:11px}
.yjtban ul li.dh{margin-right:10px;width:210px;color:#fff;font-size:14pxmargin-left:5px}
.yjtban ul li.dh i{background-position:0 -23px}

.yjtban-hyc{width:460px;height:30px;float:left;line-height:30px;color:#fff;font-size:12px}


/*首页顶部logo和搜索*/


.yjtheader-wrap{width:1200px; height:100px;margin:auto; clear:both;padding-top:8px}
.yjthead{width:400px;height:90px;float:left;}
.yjthead-logo{width:310px;height:90px;float:left;}


.yjthead_r{width:740px;float:right;}
.yjthead_ss{width:330px;float:left; margin-top:24px}

.yjtheadsearch{width:305px;height:40px;float:left;position:relative}
.yjtheadsearch input{border:2px solid #795E42; border-radius:50px; width:300px;float:left;height:34px;line-height:34px;padding:3px 6px;box-shadow:none;font-size:16px}
.yjtheadsearch button{position:absolute;top:10px;right:10px;background:url(../images/image/ss.png);border:0;cursor:pointer;width:21px;height:21px}
.yjthead_dh{width:230px;float:right; }


/*===导航==*/


/*首页*/
.header{ width:100%; min-width:1200px;height:55px; background-color:#685038; margin:0px auto; position:relative;+z-index:10;}

.lanmu{width: 1200px; margin:0px auto; height:55px;background-color:#685038;}
/*===导航==*/
.nav
{ width:1200px; margin:0 auto;}
.nav ul li{ width:135px; height:55px; float:left; position:relative; z-index:999;}
.nav ul li a.adf{ height:55px; line-height:40px;  font-size:12px; color:#FFF;  text-align:center; display:block;}
.nav ul li a.adf{ height:55px; line-height:40px;  font-size:12px; color:#FFF;  text-align:center; display:block;}
.nav ul li a:hover.adf{ background-color:#CC0000; }
.nav ul li a.adf p{ font-size:17px; padding:8px 0 3px;}

.nav ul li a.adh{ height:55px; line-height:40px;  font-size:12px; color:#FFF;  text-align:center; display:block;}
.nav ul li a:hover.adh,.nav ul li.active a.adh
{ background-color:#CC0000; }
.nav ul li a.adh p{ font-size:17px; padding:8px 0 3px;}


/*隐藏浮动区域*/
.navfdA
{ width: 490px; position: absolute; left: 0px; top: 55px; z-index: 999; display:none;  }
.navfdA1  /*用来增加父级的间距*/
{}
.navfdA2
{ overflow:hidden; padding:20px 0 10px; background:#f5f3f3;}
.navfdA ul
{ width: 164px;  float: left;}
.navfdA ul li 
{ width:134px; height:35px; line-height:34px;  padding-left:30px; background:url(../images/image/tb6.png) no-repeat 15px center;}
.navfdA ul li  a
{  font-size:12px;  }

.navfds4
{ left:-145px;}
.navfds5
{ left:-240px;}

.navfdB
{ width:267px; overflow:hidden; padding:0 29px 15px 29px;  border-left:1px solid #cbcbcb; float: left; }
.navfdB h2
{ width:228px; height:107px;}
.navfdB h3
{ line-height:36px; font-size: 14px;}  
.navfdB p
{ font-size:12px; line-height:20px; color:#656565;} 



/*首页 默认幻灯片 */
.FocusPic{zoom:1;position:relative; overflow:hidden}
.FocusPic .content{overflow:hidden}
.FocusPic .changeDiv a{position:absolute;top:0px;left:0px;display:none;}
.FocusPic .title-bg,.FocusPic .title{position:absolute;left:0px;bottom:0;width:700px;height:30px;line-height:30px;overflow:hidden}
.FocusPic .title-bg{background:#000;filter:alpha(opacity=50);opacity:0.5;}
.FocusPic .title a{display:block;padding-left:15px;color:#fff; font-size:14px;}
.FocusPic .change{bottom:4px;height:20px;right:3px;*right:5px;_right:4px;position:absolute;text-align:right;z-index:9999;}
.FocusPic .change i {background:#666;color:#FFF;cursor:pointer;font-family:Arial;font-size:12px;line-height:15px;margin-right:2px;padding:2px 6px; font-style:normal; height:15px;display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;}
.FocusPic .change i.cur {background:#FF7700;}

/*首页装修流程*/

.zxlc_main{width:100%;min-width: 1200px;margin:auto; height:400px; background:#F2F2F2;}
.zxlc{width: 1200px;margin:auto; height:500px;}
.zxlc{
	width: 100%;
	width: 1200px;margin:auto; padding-top:20px;
}
.zxlc .fwnr{
	margin: 0 auto;
	overflow: hidden;
}

.zxlc .fwnr ul{
	width: 1230px;
	margin: 0 auto;
	overflow: hidden;
}
.zxlc .fwnr ul li{
	width: 139px;
	overflow: hidden;
	float: left;
	padding-right:35px; 
	position: relative;
	
}
.zxlc .fwnr ul li:nth-child(5){
	margin: 0
}
.zxlc .fwnr ul .fw_text{
	width: 135px;
	height: 135px;
	border: 2px solid #fff;background-color:#795E42;
    border-radius:100px; 

}

.zxlc .fwnr ul .fw_text a{
	text-align: center;
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: bold;	
}
.zxlc .fwnr ul .icon-top{
	padding:25px 0 15px
}
.zxlc .fwnr ul li p{
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin-top: 20px
}
.zxlc .fwnr ul li .hoverbg{
	position: absolute;
	top: 0;
	display: none;
	width: 139px;
	height: 139px;
	background: #fff;
	opacity: 0.2;border-radius:100px; 
	left: 0
}
.zxlc .fwnr ul li:hover .hoverbg{
	display: block;
}

/*活动动态*/
.biaoti{ height:32px; background:#fff; padding:5px; font-size:22px; color:#cc0000;font-weight: 600 }
.biaoti span a{ float:right; padding-right:8px;padding:5px; font-size:13px; color:#333333; font-weight:lighter}

.home_bt{width:675px;margin:auto; height:75px; padding-top:50px;margin-bottom:30px;}
.hddt_main{width:1200px;margin:auto; height:540px; margin-bottom:20px;}

.hddt ul{width:1200px; margin:0 auto; padding-top:20px;}
.hddt ul li a{display:inline-block; float:left;text-decoration: none; width:285px; background:#f0efef; margin-right:15px; overflow:hidden; border-bottom:3px solid #D9D7D7; position:relative; color:#4d4d4d;}
.hddt ul li a:hover{ border-bottom:3px solid #E84B21; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.hddt ul li a img{width:285px; height:220px;}
.hddt ul li a h1{margin:0px auto; width:250px; font-size:20px; margin-top:20px; text-align:left; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.hddt ul li a p{display:block; margin:0px auto; width:250px; line-height:25px; color:#7a7a7a; text-align:left; height:50px; overflow:hidden; margin-top:20px;}
.hddt ul li a div{margin:0px auto; width:250px; padding:20px 0px; height:12px; overflow:hidden;}
.hddt ul li a div b{font-size:20px; margin-left:5px; color:#aaa;}
.hddt ul li a div span{float:right; margin-top:25px;}

/*首页案例*/

.anli_main{width:1200px;margin: 0 auto;overflow: hidden;padding-top:20px;}
.jzabli_l{width:180px; height:250px; float:left;}
.jzabli_r{width:1000px; height:250px; float:right;}
.gzabli_l{width:180px; height:250px;float:left;}
.gzabli_r{width:1000px; height:250px;float:right;}
/*首页案例main*/

.anli-photos{width:1000px; margin:auto;overflow:hidden;}
.anli-photos ul{width:1000px;}
.anli-photos ul li{ float:left;list-style: none; padding-right:15px; text-align:center;vertical-align:top}
.anli-photos ul li div.img-wraps{ width:310px; margin:auto;padding:3px;height:241px;border:1px solid #E8E8E8; }
.anli-photos ul li div.img-wraps a{width:310px;list-style: none; height:30px;font-size:14px;}
.anli-photos ul li div.img-wraps a:hover{ width:320px; color:#FF0000;text-align:center;list-style:none;filter:alpha(opacity=70); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}

/*首页案例结束*/

/*首页雅居堂人*/

.yjtr_main{width:100%;min-width: 1200px;margin:auto; height:450px; background:#F2F2F2;}
.yjtr{width: 1200px;margin:auto; height:500px;}
.yjtr{
	width: 100%;
	width: 1200px;margin:auto; padding-top:20px;
}
.yjtr .fwnr{
	margin: 0 auto;
	overflow: hidden;
}

.yjtr .fwnr ul{
	width: 1230px;
	margin: 0 auto;
	overflow: hidden;
}
.yjtr .fwnr ul li{
	width: 169px;
	overflow: hidden;
	float: left;
	padding-right:36px; 
	position: relative;
	
}
.yjtr .fwnr ul li:nth-child(5){
	margin: 0
}
.yjtr .fwnr ul .fw_text{
	width: 165px;
	height: 175px;
	border: 2px solid #795E42;
   border-radius:11px
} 

.yjtr .fwnr ul .fw_text img{
	text-align: center;
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: bold;	 border-radius:10px
}
.yjtr .fwnr ul .icon-top{
	padding:0px 0 15px
}
.yjtr .fwnr ul li p{
	text-align: center;
	color: #333;
	font-size: 14px;
	margin-top: 10px
}
.yjtr .fwnr ul li .hoverbg{
	position: absolute;
	top: 0;
	display: none;
	width: 169px;
	height: 179px;
	background: #fff;
	opacity: 0.2;border-radius:11px
	left: 0
}
.yjtr .fwnr ul li:hover .hoverbg{
	display: block;
}


/*首页关于我们*/

.gywm_main{width: 1200px;margin:auto; height:300px; padding-top:20px; margin-bottom:20px;}
.gywm_l{width: 740px; float:left; }
.gywm_l_bt{width: 740px; float:left;height:40px; }
.gywm_l_nr{width: 740px; float:left;padding-top:10px; line-height:22px;}
.gywm_r{width: 400px; float:right; }




/*首页底部*/
.footer{ width:100%;min-width:1200px;height:220px; border-top:1px solid #2E2D32; padding:27px 0px 22px; position:relative; top:-3px; background:#2E2E2E;}
.footermain{ width:1200px; margin:0px auto; height:80px;}
.foor-l{ float:left;width:110px;text-align: center;color: #ddd;font-size: 20px;}
.foor-r{ float:right;width:1080px;color: #bbb; text-align:left;}
/*友情链接*/
.linka{color: #bbb; white-space:nowrap; height:30px; line-height:30px;font-size:13px;}
.linka a{color: #bbb; white-space:nowrap; height:30px; line-height:30px;font-size:13px;}

.footer_xian{width:800px;margin:auto;border-top:1px dashed #494949; margin-bottom:20px;}
.footer_banquan{width:1200px;margin:0px auto; position:relative; font-size:12px; text-align:center;color:#999; line-height:24px;}
.footer_banquan a{color:#999; }


/* 栏目列表页 */
.lbiaoti{ height:35px; background:#F5F5F5; padding-top:10px; font-size:18px; color:#000;border-top: 2px solid #cc0000; }
.lbiaoti span a{ float:right; padding-right:8px; font-size:12px; color:#333333; font-weight:lighter}
.lbiaoti img{ float:left; padding-right:8px;padding-top:2px;}

.liebiaoli{ width:100%}
.liebiaoli ul { padding-top:5px; padding-bottom:5px;}
.liebiaoli ul li{line-height:36px; height:36px;border-bottom:1px dashed #ccc; text-indent:2px;overflow:hidden; font-size:14px; }
.liebiaoli ul li a{line-height:36px; height:36px; padding-bottom:5px; padding-left:3px; text-indent:2px;overflow:hidden; font-size:14px; }

.left{float:left;}
.right{float:right}


.main{width:1200px;margin:0 auto;height:auto; overflow:hidden; }
.lm_main{width:1200px; margin:auto;min-height:500px;}
.lm_timu{ height:30px; font-size:18px; color:#03835E; padding-left:5px; }

.lm_biaoti{ height:35px; background:#F5F5F5; padding-top:10px; font-size:18px; color:#000; }
.lm_biaoti img{ float:left;padding-left:5px; padding-right:8px;padding-top:2px;}

.lm_liebiao{width:1200px;float:left}
.lm_liebiao ul{ margin-top:20px;}
.lm_liebiao ul li{border-bottom: 1px dashed #ccc;margin-top:20px;color:#555; height:200px;overflow:hidden}
.lm_liebiao ul li img{ margin-right:38px; float:left}
.lm_liebiao ul li strong{font-size:24px; height:60px;line-height:60px; color:#333;}
.lm_liebiao ul li strong a{font-size: 24px; color: #333333;text-decoration: none;font-weight: bold;}
.lm_liebiao ul li p{color:#555;height:23px; line-height:23px;}
.lm_liebiao ul li rt{color:#aaa;height:50px; line-height:50px;}


/* 内容页 */
.crumbs{width:100%;margin:auto; font-size:14px; }
.nr_main{width:1200px;margin:auto;}
.nr {
	font-size: 16px;
	line-height: 29px;
	color: #333;overflow:hidden
}

#Article{ overflow:hidden}
#Article,.photo-channel .relevance{ border:1px solid #E8E8E8;zoom:1; padding:0 20px}
#Article h1{color:#000; font:800 32px/70px "Microsoft YaHei",arial;height:95px;margin-bottom:6px; text-align:center; padding:16px 0 8px; border-bottom:1px solid #e5e5e5}
#Article h1 span{ font-size:12px; font-weight:normal;line-height:20px; color:#999}
#Article .content{ font-size:16px; line-height:36px;}
#Article .content p{font-size:14px;line-height:23px;text-align:justify;word-wrap:break-word; padding:8px 0}
#Article .related{ border-top:dashed 1px #ccc; margin-top:15px}
#Article .related h5{font-size:16px;padding-bottom:4px}
#Article .related{ padding:10px 0 0}
#Article .related a{ color:#0b3b8c}
#Article .related{ width:100%}
#Article .related ul { padding-top:5px; padding-bottom:5px;}
#Article .related ul li{line-height:30px;text-indent:2px;overflow:hidden; font-size:14px; }
#Article .related ul li a{line-height:30px;padding-left:3px;text-indent:2px;overflow:hidden; font-size:14px; }
#Article .related ul li span{float:right; line-height:30px;text-indent:2px;overflow:hidden; font-size:13px; }

/* 分页 */
#pages { padding:14px 0 10px;}
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { background:url(../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#D53817; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }



/* main栏目循环信息 style */
.main{}
.main .col-left{width:1198px; margin-left:0px}
.news-hot{background: url(../images/v9/hot_bg.png) no-repeat;float:left; width:380px; margin-right:9px; height:380px}
.main .col-left .slide{overflow:hidden;_float:left;zoom:1}
.cat-area{width:100%; margin-bottom:20px; float:left}
.cat-area .content p img{ margin-right:10px; float:left}
.cat-area .content p{color:#777; height:75px; overflow:hidden}
.cat-area .content p strong{ font-size:14px; color:#333}
.box h5.title-1,.box h6.title-1{background-position: right -52px}
.box h5.title-2,.box h6.title-2{background-position: right -100px}
.bk10{height: 10px}.bk15{height: 15px}.gg{ margin:auto; width:1070px;}
.box{border:1px solid #E8E8E8;zoom:1;   overflow:auto; padding-bottom:10px}
.box h5,.box h6{ height:36px;background-color:#F8F8F8; margin-bottom:10px; line-height:36px; padding-left:10px;border-bottom:1px solid #E8E8E8; position:relative}
.box h6{ margin-bottom:0}
.box h5.title-1,.box h6.title-1{font-size:15px;color:#333;background-position: right -52px}
.box h5.title-2,.box h6.title-2{background-position: right -100px}
.box h5.title-2 span.tab{float:right; padding-right:6px; color:#a4bcd6}
.box h5.title-2 span.tab span{ color:#2064ae;cursor: hand;!important;cursor: pointer}
.box a.more{ font-size:12px;color:#666;margin-right:8px; font-weight:normal; position:absolute;top:0; *top:1px;_top:1px; right:0}
.box .content{ width:95%;padding:0 10px;margin:auto; line-height:36px; padding-bottom:5px;font-size:14px; padding-left:3px;  overflow:auto}
.hr{background: url(../images/uline.gif) repeat-x center center;}
.hr hr{display:none}



/* main栏目课程设置 style */
/*Title*/
#Big_title{margin:0px auto; width:1200px; text-align:center; padding:40px 0px; display:table; clear:both;}
#Big_title h1{margin:0px auto; list-style:none; font-size:30px; font-weight:normal;}
#Big_title h1 b{font-size:30px; margin:0px 10px; color:#E84B21;}
#Big_title p{margin:0px auto; display:block; text-align:center; width:100%; line-height:30px; color:#bcbcbc; font-size:12px; font-family:"Times New Roman", Times, serif;}
#Big_title i{margin:0px auto; list-style:none; display:block; width:320px; height:5px; background:url(../images/line.gif) no-repeat; overflow:hidden;}
#Big_title ul{margin:0px auto; line-height:25px; color:#666666;}
#Big_title ul a{color:#666666;}
#Big_title ul a:hover{color:#972228;}


/*nr_menu*/
#nr_menu{width:1200px; height:121px; overflow:hidden; clear:both; margin:0 auto; margin-bottom:30px;}
#nr_menu ul li{display:block; float:left; border-top:10px solid #bcbcbc;}
#nr_menu ul li a{text-decoration: none;display:block; height:110px; color:#bbb; text-align:center;border-left: 1px solid #dddddd;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd; font-size:24px; position:relative; overflow:hidden;}
#nr_menu ul li a i{display:none;width:0;height:0;left:50%;margin-left:-10px;border-width:10px 10px 0;border-style:solid;border-color:#E84B21 transparent transparent;position:absolute; top:0;}
#nr_menu ul li a p{padding-top:25px;}
#nr_menu ul li:hover{border-top:10px solid #E84B21;}
#nr_menu ul li:hover a{color:#4d4d4d}
#nr_menu ul li:hover a i{display:block;}
#nr_menu ul li.sele{border-top:10px solid #E84B21;}
#nr_menu ul li.sele a{color:#4d4d4d}
#nr_menu ul li.sele a i{display:block;}

/* 图片栏目 - photo */

.p3{width:1200px;margin:0 auto; overflow:hidden;}
.p3 ul{width:1220px;}
.p3 ul li{list-style: none;float:left; padding:16px 13px 0 0;}
.p3 ul li a{width:290px; height:230px; display:block; }
.p3 ul li a:hover{background-position:right bottom;}
.p3 ul li a span{line-height:22px; font-size:14px; display:block; text-align:center; padding-top:5px; color:#333;}
.p3 ul li a i{display:block; padding:0 0 0 70px; color:#b9b9b9; font-family:"Georgia"; font-size:14.62px;}
.p3 ul li a:hover i{color:#67514e;}
.p3 ul li a:hover img{border:6px solid #D53817; width:278px; height:188px;}